<!DOCTYPE html>
<html>
<head>
<title>HTML5 RPG</title>

<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />

</head>

<body>
	<h1 class="title">HTML5 RPG</h1>
	
	<p>&nbsp;</p>
	
	<div id="game-wrap">
		<canvas id="bgr-canv" width="400" height="400"></canvas>
		<canvas id="main-canv" width="400" height="400"></canvas>
	</div>
	
	<div id="controls">
		<table border="0" width="330" cellpadding="3" cellspacing="3">
			<tr>
				<td><a href="#controls" id="nw" onclick="move(8)"/><img src="img/nw.png" alt="" /></a></td>
				<td><a href="#controls" id="n" onclick="move(1)" /><img src="img/n.png" alt="" /></a></td>
				<td><a href="#controls" id="ne" onclick="move(2)" /><img src="img/ne.png" alt="" /></a></td>
			</tr>
			<tr>
				<td><a href="#controls" id="w" onclick="move(7)" /><img src="img/w.png" alt="" /></a></td>
				<td></td>
				<td><a href="#controls" id="e" onclick="move(3)" /><img src="img/e.png" alt="" /></a></td>
			</tr>
			<tr>
				<td><a href="#controls" id="sw" onclick="move(6)" /><img src="img/sw.png" alt="" /></a></td>
				<td><a href="#controls" id="s" onclick="move(5)" /><img src="img/s.png" alt="" /></a></td>
				<td><a href="#controls" id="se" onclick="move(4)" /><img src="img/se.png" alt="" /></a></td>
			</tr>
		</table>
	</div>
	
	<div id="test"></div>
	
</body>
</html>

<script src="js/jquery-1.6.2.min.js"></script>
<script src="js/base.js"></script>
